.idfrdetalis {
  width: 100%;
  height: 100%;
  border: .16rem solid #f4f6f8;
  position: relative;
  overflow: hidden;
}

.tit {
  width: 100%;
  height: .8rem;
  /*box-shadow: 0 3px 12px 0 rgba(117, 117, 117, 0.1);*/
  padding-left: .4rem;
  display: flex;
  align-items: center;
  position: relative;
}

.idfrbox {
  margin-top: .1rem;
  margin-left: .4rem;
  width: calc(100% - .8rem);
  height: calc(100% - 1.6rem);
  display: flex;
  overflow: hidden;
}

.imgbox {
  flex: 6;
  display: flex;
  /*border-right: 1px solid #f4f6f8;*/
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.imgbox > img {
  max-width: 100%;
  max-height: 100%;
}

.imgbox > video {
  width: 100%;
  height: 100%;
}

.idfrlist {
  flex: 4;
  padding-left: .2rem;
  overflow: hidden;
}

.idfrtit {
  height: .6rem;
  margin-bottom: .1rem;
  line-height: .6rem;
  border-radius: .1rem;
  background-color: #f4f6f8;
}

.frlist {
  height: calc(100% - .7rem);
  padding: 0 .2rem;
  border-radius: .1rem;
  background-color: #f4f6f8;
  overflow: hidden;
}

.listhead {
  height: .6rem;
  font-size: .16rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
}

.frmessage {
  height: .6rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #d4d4d4;
}

.frmessage > div {

}

.idfrset {
  height: .6rem;
  font-size: .18rem;
  margin-left: .4rem;
  display: flex;
  align-items: center;
  position: relative;
}

.idfrset span {
  cursor: pointer;
}

.idfrcompile {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, .5);
  overflow: hidden;
}

.idfrcompile > div {
  width: 7.6rem;
  border-radius: .08rem;
  background-color: #fff;
  overflow: hidden;
}

.idfrbtn {
  width: 1.2rem;
  height: .38rem;
  line-height: .38rem;
  text-align: center;
  color: #89898A;
  border-radius: .2rem;
  background-color: #fff;
  border: 1px solid #E4E7ED;
  cursor: pointer;
}

.idfrbtn2 {
  width: 1.2rem;
  height: .38rem;
  line-height: .38rem;
  text-align: center;
  color: #ffffff;
  border-radius: .2rem;
  background-color: #00CC46;
  border: 1px solid #E4E7ED;
  cursor: pointer;
}

.mappup {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, .7);
}

.mappup .close {
  position: absolute;
  right: .4rem;
  top: .2rem;
  cursor: pointer;
}

.mapbox{
  width: 70%;
  height: 90%;
  border-radius: .1rem;
  background-color: #fff;
  overflow: hidden;
}
